﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <meta content="email=no" name="format-detection">
  <meta name="viewport" content="width=device-width, viewport-fit=cover">
	<title>永春农家乐报名</title>
	<link rel="stylesheet" href="common/css/common.min.css?v=5241425"/>
	<link rel="stylesheet" href="common/css/main.css?v=5241425"/>
	<link rel="stylesheet" href="common/css/lCalendar.css?v=5241425" />
	<link rel="stylesheet" href="common/css/global.css?v=5241425" />
</head>

<body>
	<!--<audio id="audio" style="position: absolute" autoplay="autoplay" loop="" src="common/mp3.mp3"></audio>-->
	<!--<a class="audioss" href="javascript:;">
		<i class="icon iconmusic"></i>
	</a>-->
<div id="pageContain">
	
	<div class="page page1 current">
		<div class="contain">
			<div class="txt">
				<h4 class="title1">永春乡村自驾行</h4>
				<p class="">两天一夜农家乐<br/>景美茶香味正！</p>
			</div>
		</div>
	</div>

	<div class="page page2">
		<div class="contain">
			<div class="txt">
				<h6 class="day day1">DAY1</h6>
				<div class="times times1">
					<p class="times_p"><span>8:50</span>高速入口集合出发</p>
					<img src="common/images/day1_img_1.png" />
				</div>
				<div class="times times2">
					<p class="times_p"><span>11:30</span>永春洋头村</p>
				</div>
				<div class="times times3">
					<img src="common/images/day1_img_2.png" />
					<p class="times_p"><span>12:30</span>特色农家午餐</p>
				</div>
				<div class="times times4">
					<p class="times_p"><span>13:00</span>自由活动</p>
				</div>
				<div class="times times5">
					<p class="times_p"><span>15:00</span>游玩茶山</p>
				</div>
				<div class="times times6 ">
					<p class="times_p"><span>17:00</span>晚餐BBQ</p>
					<img src="common/images/day1_img_3.png" />
				</div>
				<h6 class="day day2">DAY2</h6>
				<div class="times times7">
					<p class="times_p"><span>7:00</span>早餐</p>
				</div>
				<div class="times times8">
					<img src="common/images/day1_img_4.png" />
					<p class="times_p"><span>9:00</span>国家4A景区牛姆林</p>
				</div>
			</div>
		</div>
	</div>
	<div class="page page3">
		<div class="contain">
			<div class="txt">
				<h5 class="page3_title">田园风光</h5>
				<div class="page3_img_1">
					<img src="common/images/page2_img_1.png" />
				</div>
				<div class="page3_box">
					<div class="page3_img_2">
						<img src="common/images/page2_img_2.png" />
					</div>
					<div class="poem">
						<p>远处茶山一</p>
						<p>片片，</p>
						<p>秀挺拔，</p>
						<p>茶香沁脾。</p>
						<p>簇拥着一座座</p>
						<p>古朴小屋，</p>
						<p>一派美丽动人</p>
						<p>的景致。</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="page page4">
		<div class="contain">
			<div class="txt">
				<h5 class="page4_title">舌尖农家</h5>
				<div class="page4_box first">
					<img src="common/images/page4_img_1.png" />
				</div>
				<div class="page4_presentation_box">
					<p class="page4_presentation">一桌子的菜，都是自家种植 喂养，要么是放养的，味超 级正，秀色可餐。</p>
					<img class="butterfly" src="common/images/butterfly.png" />
					<img class="figure" src="common/images/figure.png" />
				</div>
				<div class="page4_box">
					<img src="common/images/page4_img_2.png" />
				</div>
			</div>
		</div>
	</div>
	<div class="page page5">
		<div class="contain">
			<div class="txt">
				<h5 class="page5_title">农家小院</h5>
				<p class="page5_presentation">你是否愿意放弃城里的豪宅住着农家小院，相信
会有很多肯定的答案吧。谁不想在钢筋水泥中挣
脱呢？
 </p>
				<div class="page5_box ">
					<img src="common/images/page5_img_1.png" />
				</div>
				<div class="page5_box last">
					<img src="common/images/page5_img_2.png" />
					<img class="butterfly" src="common/images/butterfly.png" />
					<img class="figure" src="common/images/figure.png" />
				</div>
			</div>
		</div>
	</div>
	<div class="page page6">
		<div class="contain">
			<div class="txt">
				<h5 class="page6_title">宾至如归</h5>
				<div class="page6_box first">
					<img src="common/images/page6_img_1.png" />
				</div>
				<p class="page6_presentation">主人家热情四溢，烧烤、烟花、美酒 一样不少，此情此景，仿若自家生活。  </p>
				<div class="page6_boxs">
					<img src="common/images/page6_img_2.png" />
					<img src="common/images/page6_img_3.png" />
				</div>
			</div>
		</div>
	</div>
	<div class="page page7">
		<div class="contain">
			<div class="txt">
				<h5 class="page7_title">游牛姆林</h5>
				<div class="page7_img_1">
					<img src="common/images/page7_img_1.png" />
				</div>
				<div class="page7_box">
					<div class="page7_img_2">
						<img src="common/images/page7_img_2.png" />
						<img src="common/images/page7_img_3.png" />
					</div>
					<div class="page7_presentation">
						闽南西双版纳，
						海拔一千多米，
						原始森林生态区，
						动植物种类多，
						景色奇特绮丽。
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="page page8">
		<a name="page8"></a>
		<div class="contain">
			<div class="txt">
				<h5 class="page8_title">在线报名</h5>
				<p class="intro">价值398元2天1夜茶园农家乐出行游，
现免费报名。</p>
				<div class="input_box">
						<input id="name" class="page_input" type="text" placeholder="姓名" />
						<input id="phone" class="page_input" type="number" placeholder="手机号" />
						<div class="number_box">
							<!--<input id="number" class="page_input" type="number" placeholder="预计参加人数" />-->
							<!--<ul class="number_ul">
								<li>1</li>
								<li>2</li>
								<li>3</li>
								<li>4</li>
								<li>5</li>
								<li>6</li>
								<li>7</li>
								<li>8</li>
								<li>9</li>
								<li>10</li>
							</ul>-->
							<label>
								<span class="number_span">预计参加人数</span>
								<select class="number_ul page_input">
									<option class="option1"></option>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
								</select>
							</label>
						</div>
<!--						<input id="days" class="page_input" type="text" readonly="" name="input_date" placeholder="预计参加时间" readonly data-lcalendar="2018-01-1,2019-12-31" />-->
						<div id="days" class="page_input" type="text" readonly="" name="input_date" data-lcalendar="2018-01-1,2019-12-31" ></div>
						<input class="buttom" class="buttom" type="button" value="点击提交" />
				</div>
				<p class="tips">咨询电话：0592-6031095</p>
			</div>
		</div>
	</div>
</div>

<ul id="navBar">
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li class="getbox"></li>
</ul>
<div class="tpst"></div>
<a class="apply">
	<!--<span>免费<br />报名</span>-->
	<img src="common/images/rester.png" />
</a>
<div class="container-fulid arr-nav arr-nav-btm text-center">
	<img src="common/images/arrows.png" />
<!--<i class="fa fa-angle-up fa-3x"></i>-->
</div>
<!-- //向下滚动提示箭头 -->
<script type="text/javascript" src="common/js/jquery-2.1.0.min.js?v=5241425" ></script>
<script type="text/javascript" src="common/js/resize.js?v=5241425" ></script>
<script type="text/javascript" src="common/js/lCalendar.js?v=5241425" ></script>
<script src="common/js/fullPage.min.js?v=5241425"></script>
<script>
//	$('input').on('keypress',function () {
//	　　if(event.keyCode == 32)event.returnValue = false;
//	})
	$("input").attr("onkeyup","this.value=this.value.replace(/^ +| +$/g,'')");
	//第一屏幕效果写在这里
	// *** ===== 第一屏幕 效果 开始 ====== *** //

	// *** ===== 第一屏幕 效果 结束 ====== *** //
	$(".apply").click(function(){
		$(".getbox").click()
	})
	$(".number_span").click(function(){
		$(".number_ul").click()
	})
//	$("#number").click(function(){
//		$(".number_ul").click()
//	})
	$(".number_ul").change(function(){
		if($('.number_ul').val()==0||$('.number_ul').val()==''){
			$('.number_span').show()
		}else{
			$('.number_span').hide()
		}
//		var a =$(this).text()
//		$('#number').val(a)
//		$(".number_ul").fadeToggle(200)
	})
	$(".option1").click(function(){
		$('.number_span').show()
	})
//	$(".apply").on('click',function(){
//		$(".apply").click()
//	})

var runPage;
runPage = new FullPage({
	id: 'pageContain',
	slideTime: 800,
	effect: {
		transform: {
			translate: 'Y',
			scale: [0, 1],
			rotate: [0, 0]
		},
		opacity: [0, 1]
	},
	anchors: ['page1', 'page2', 'page3', 'page4'],
	menu:'navBar',
	mode: 'wheel,touch,nav:navBar',
	easing: 'ease',
	callback: function(index, thisPage){

		var page_num = index + 1;
//		alert('滚动到了第 ' + page_num + ' 屏');

		//各个屏幕效果写在这里
		// *** ===== 第二屏幕 效果 开始 ====== *** //
		if (page_num == 2) {
			//动画效果写在这里
		}
		// *** ===== 第二屏幕 效果 结束 ====== *** //

		//后面的屏幕以此类推
		if (page_num == 3) {
		}
		if(page_num == 8){
			$(".container-fulid").hide()
			$(".apply").hide()
		}
		if(page_num != 8){
			$(".container-fulid").show()
			$(".apply").show()
		}
	}

});
</script>
<!--<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>-->
<!--<script type="text/javascript" src="common/js/jquery-1.11.0.js" ></script>-->
<!--<script type="text/javascript" src="common/js/jquery-2.1.0.js" ></script>-->

<script type="text/javascript">
jQuery(function($){
	 $('#reg-form').find('#btn_submit').hide();
});
</script>
<script>
	var calendar = new lCalendar();
	calendar.init({
		'trigger': '#days',
		'type': 'date'
	});
</script>
<script>
	$(function(){
		function ser(){
		var display =$('.tpst').css('display');
			if(display != 'none'){ 
				setTimeout(function() { 
				$('.tpst').hide(500) 
				}, 3000); 
			}
		}
		$('#days').text('预计参加时间')
		$('body').height($('body')[0].clientHeight);
		$('.page8').height($(window).height());
		if($('#days').text()==''||$('#days').text()=='预计参加时间'){
			$('#days').css("color","#999999")
		}
		$(".buttom").on('click',function(){
			$(".number_span").hide()
			var phoneNumReg =  /^1[3|4|5|7|8]\d{9}$/
			if($('#name').val()==''){
				alert("请输入姓名")
				return false;	
			}else if($('#phone').val()==''){
				$('.number_span').show()
				return false;
			}else if(!phoneNumReg.test($('#phone').val())){
				alert("请输入正确的手机号")
				return false;
			}else if($('.number_ul').val()==''){
				alert("请输入人数")
				return false;
			}else if($('#days').text()==''||$('#days').text()=='预计参加时间'){
				alert("请选择日期")
				return false;
			}
			 $.ajax({
	             type: "post",
	             url: "http://dd.chinadangmai.com/act/activity/addActivityRegistration",
	             data: {
	             	name:$('#name').val(),
	             	phone:$('#phone').val(),
	             	number:$('.number_ul').val(),
	             	time:$('#days').text()
	             },
	             dataType: "json",
	             success: function(data){
	             	$(".tpst").text("提交完成").show(200)
	             	ser()
	             	$('#name').val("")
	             	$('#phone').val("")
	             	$('.number_span').show()
	             	$('.number_ul').val(""),
	             	$('#days').text("预计参加时间")
	             	$('#days').css("color","#999999")
		         }
			})
		})
	})
</script>
	
</body>
</html>